<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
            <!--<div id="div">我是div1</div>-->
            <!--<div id="div2">我是div2</div>-->
            <button id="btn">我是按钮</button>
            <input type="text" id="input">
            <select name="haha" id="xiala">
                <option value="">波哥</option>
                <option value="">攀哥</option>
                <option value="">斌哥</option>
            </select>
</body>

<script>
        // onload() = function () {
        //     let byId = document.getElementById("div");
        //     alert($(byId).html());
        //     let jqdiv = $("#div2");
        //     alert(jqdiv[0].innerHTML)
        // }
        $("#btn").click(function () {
            alert("单击事件")

        });
       $("#input").blur(function () {
           alert("离焦事件")
        });
        $("#xiala").change(function () {
            alert("下拉列表改变")
        });
</script>

</html>